.scroll {
  overflow: hidden;
  overflow-y: scroll;
  > * {
    max-width: calc(100% - 5px);
  }

  // 整个滚动条,注意设置宽度和thumb的颜色，否则所有都是无色
  // 宽度bar设置，其他设置无效
  &::-webkit-scrollbar {
    width: 5px;
  }

  // 滚动条上的滚动滑块
  &::-webkit-scrollbar-thumb {
    background: transparent;
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      background: #716e6e8f;
    }
  }

  // 滚动条上的按钮（上下箭头）
  &::-webkit-scrollbar-button {
    display: block;
    // color:red;
  }

  // 滚动条轨道, 背景色被thumb、piece覆盖
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  // 滚动条没有滑块的轨道部分，与track类似
  &::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  // 当同时有垂直滚动条和水平滚动条时交汇的部分。通常是浏览器窗口的右下角。
  &::-webkit-scrollbar-corner {
    color: red;
  }

  // 出现在某些元素底角的可拖动调整大小的滑块
  &::-webkit-resizer {
    color: red;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: beige;
  background-image: url("./public/top.jpg");
}
.menu2 {
  background: transparent !important;
  > li {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px;
    font-weight: 600;
  }
}
